<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form>
                    <h:panelGrid columns="1" style="width:650px;margin: 0px auto;">
                        <p:commandButton id="btnNuevaCuenta" action="#{MBCuentaBancaria.nuevo()}" value="AGREGAR CUENTA BANCARIA" ajax="false"/>
                    </h:panelGrid> 
                </h:form>
                <h:form>
                    <p:panel id="pnlBusquedaCuenta" header="Consultar Cuentas" style="width:650px;margin: 5px auto" 
                             toggleable="true" widgetVar="buscar" collapsed="#{BKCuentaBancaria.listaCuentaBancariaLista ne null}" >
                        <p:panelGrid>
                            <p:row rendered="false" >
                                <p:column>
                                    <h:outputText value="EMPRESA: " rendered="false" />
                                </p:column>
                                <p:column colspan="3">
                                    <p:selectOneMenu id="cbxCuentaEmpresa" required="true" rendered="false"
                                                     value="#{BKCuentaBancaria.cuentaBancariaBusqueda.idEmpresa.id}"
                                                     disabled="#{BKCuentaBancaria.listaEmpresas eq null?'true':'false'}"> 
                                        <f:selectItems value="#{BKCuentaBancaria.listaEmpresas}"/>               
                                    </p:selectOneMenu> 
                                </p:column>
                            </p:row>
                            <p:row >
                                <p:column>
                                    <h:outputText id="lblBanco" value="BANCO: " class="lblBusqueda"  />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxBanco" value="#{BKCuentaBancaria.cuentaBancariaBusqueda.idBanco.id}" style="width: 180px">
                                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                                        <f:selectItems value="#{BKCuentaBancaria.listaBanco}" 
                                                       var="banco" itemLabel="#{banco.nombre}"
                                                       itemValue="#{banco.id}" />	
                                    </p:selectOneMenu>
                                </p:column>
                                <p:column>
                                    <h:outputText id="lblTipoManeda" value="TIPO DE MONEDA: " class="lblBusqueda" />
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="cbxTipoMoneda" value="#{BKCuentaBancaria.cuentaBancariaBusqueda.idTipoMoneda.id}" style="width: 180px" >
                                        <f:selectItem itemLabel="Seleccionar" itemValue="0" />
                                        <f:selectItems value="#{BKCuentaBancaria.listaTipoMoneda}" 
                                                       var="tipoMoneda" itemLabel="#{tipoMoneda.nombre}"
                                                       itemValue="#{tipoMoneda.id}" />	
                                    </p:selectOneMenu>
                                </p:column>
                            </p:row>
                            <p:row >
                                <p:column>
                                    <h:outputText id="lblCuentaBancaria" value="CUENTA BANCARIA: " class="lblBusqueda" />
                                </p:column>
                                <p:column colspan="3">
                                    <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCuentaBancaria" style="width: 100%"
                                                 value="#{BKCuentaBancaria.cuentaBancariaBusqueda.numeroCuenta}" />  
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <p:commandButton id="btnBuscarCuenta" value="BUSCAR" actionListener="#{MBCuentaBancaria.buscar}" ajax="true" 
                                                     update="pnlBusquedaCuenta,dataTablaCuentas" styleClass="ui-priority-primary" 
                                                     oncomplete="listaCuentas.show();buscar.toggle()" style="font-size: 12px"/>
                                </p:column>
                            </p:row>
                        </p:panelGrid>

                    </p:panel>

                    <p:panel id="pnlListaCuentas" header="Lista de Cuentas Bancarias de la Empresa" closable="true" style="width: 100%;margin: 10px auto" 
                             visible="#{BKCuentaBancaria.listaCuentaBancariaLista eq null?false:true}" widgetVar="listaCuentas" >

                        <p:dataTable id="dataTablaCuentas" var="cuenta" value="#{BKCuentaBancaria.listaCuentaBancariaLista}" widgetVar="carsTable"
                                     emptyMessage="No se encontraron cuentas bancarias" filteredValue="" rowIndexVar="rowIndex"
                                     paginator="true" rows="20" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}" rowsPerPageTemplate="20,40,60"
                                     paginatorPosition="bottom" styleClass="datable-busqueda"> 

                            <f:facet name="header" >
                                <p:outputPanel layout="block" >
                                    <h:commandButton value="Exportar EXCEL">  
                                        <p:dataExporter type="xls" target="dataTablaCuentas" fileName="cuentas_bancarias" />  
                                    </h:commandButton>  

                                    <h:commandButton value="Exportar PDF">  
                                        <p:dataExporter type="pdf" target="dataTablaCuentas" fileName="cuentas_bancarias"/>  
                                    </h:commandButton>
                                </p:outputPanel>

                            </f:facet>

                            <p:column id="idColumnaNum" headerText="Nro" style="width: 5%"> 
                                <h:outputText value="#{rowIndex+1}" /> 
                            </p:column>

                            <p:column id="idColumnaBanco" sortBy="#{cuenta.idBanco.nombre}" style="width: 20%"> 
                                <f:facet name="header">  
                                    <h:outputText value="Banco" />  
                                </f:facet>
                                <h:outputText value="#{cuenta.idBanco.nombre}" /> 
                            </p:column>

                            <p:column id="idColumnaNroCuentaBancaria" sortBy="#{cuenta.numeroCuenta}" > 
                                <f:facet name="header">  
                                    <h:outputText value="Nro Cuenta Bancaria" />  
                                </f:facet>
                                <h:outputText value="#{cuenta.numeroCuenta}" style="width: 20%"/> 
                            </p:column>

                            <p:column id="idColumnaMoneda" sortBy="#{cuenta.idTipoMoneda.nombre}" style="width: 15%"> 
                                <f:facet name="header">  
                                    <h:outputText value="Moneda" />  
                                </f:facet>
                                <h:outputText value="#{cuenta.idTipoMoneda.nombre}" /> 
                            </p:column>

                            <p:column id="idColumnaMontoApertura" sortBy="#{cuenta.montoApertura}" style="width: 15%"> 
                                <f:facet name="header">  
                                    <h:outputText value="Monto Apertura" />  
                                </f:facet>
                                <h:outputText value="#{cuenta.montoApertura}" > 
                                    <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                </h:outputText>
                            </p:column>

                            <p:column id="idColumnaMontocActual" sortBy="#{cuenta.montoActual}" style="width: 15%"> 
                                <f:facet name="header">  
                                    <h:outputText value="Monto Actual" />
                                </f:facet>
                                <h:outputText value="#{cuenta.montoActual}" > 
                                    <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                </h:outputText>  
                            </p:column>

                            <p:column id="idAccionesCuentaBancaria" headerText="Acciones" style="width: 15%" exportable="false">
                                <p:commandButton icon="ui-icon-search" title="Ver" ajax="false" action="#{MBCuentaBancaria.ver()}">
                                    <f:setPropertyActionListener value="#{cuenta}" target="#{BKCuentaBancaria.cuentaBancariaFormulario}" />  
                                </p:commandButton>
                                <p:commandButton icon="ui-icon-pencil" title="Editar" ajax="false" action="#{MBCuentaBancaria.editar()}">
                                    <f:setPropertyActionListener value="#{cuenta}" target="#{BKCuentaBancaria.cuentaBancariaFormulario}" />  
                                </p:commandButton>  
                                <p:commandButton id="btnEliminarBanco" title="Eliminar" icon="ui-icon-trash"  oncomplete="confirmacion.show()">
                                    <f:setPropertyActionListener value="#{cuenta}" target="#{BKCuentaBancaria.cuentaBancariaSeleccionado}" />
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>	
                    </p:panel>
                    <p:confirmDialog id="dlgEliminarCuentaBancaria" message="¿ Esta seguro que desea eliminar la cuenta bancaria?" 
                                     header="Eliminar Cuenta" severity="alert" widgetVar="confirmacion">
                        <h:panelGrid style="width: auto;margin:0px auto;border:0px;padding: 0 5px" columns="2">
                            <p:commandButton id="btnConfEliCuentaBancaria" update="dataTablaCuentas" value="Si"  oncomplete="confirmacion.hide()"  
                                             actionListener="#{MBCuentaBancaria.eliminar}" />  
                            <p:commandButton id="btnCancEliCuentaBancaria" value="No" onclick="confirmacion.hide()" type="button" />   
                        </h:panelGrid>

                    </p:confirmDialog>		

                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>
</html>   